<script setup lang="ts">
import detailLie from '@/components/Lie/DetailLie.vue'


import {reactive} from 'vue';

type listInfo={
    name:string,
    sex:string,
    info:string,
    age:number | null,

}
interface Info{
    val:{
        info:listInfo
    }
}
//模拟获取到数据
const detail=reactive<Info>({
    val:{
        info:{
            name:'',
            sex:'',
            info:'',
            age:null
        }
    }
})

//赋值
detail.val={
    info:{
        name:'啊啊啊',
        sex:'搜索',
        info:'少时诵诗书所三四十所所所所所所所所所所所所所所所所所所所所所',
        age:22
    }
}
const {name,sex,info}=detail.val.info;

</script>
<template >
    <div class="padding_15">
        <div class="public-detail-box ">
            <detailLie name="啊啊啊啊" :value="name"/>
            <detailLie name="商铺名称" :value="sex"/>
            <detailLie name="店铺信息" :value="info"/>
           
        </div>
        <div class="public-detail-box ">
            <detailLie name="啊啊啊啊" :value="name"/>
            <detailLie name="商铺名称" :value="sex"/>
            <detailLie name="店铺信息" :value="info"/>
           
        </div>
 
    </div>
</template>

<style lang="scss" scoped>

</style>

